<? startScript(); ?><script type="text/javascript">
	jQuery(function($) { $("ul.jt-tabs").tabs("div.jt-panes > div"); });
</script><? endScript(); ?>

<form action="" method="post">

<fieldset><legend> Button settings </legend>

	<p><label>Layout Style
		<select name="b_type">
			<option value="standard" <?=(dat('settings', 'b_type') == "standard") ? 'selected' : ''?>>standard</option>
			<option value="button_count" <?=(dat('settings', 'b_type') == "button_count") ? 'selected' : ''?>>button_count</option>
			<option value="box_count" <?=(dat('settings', 'b_type') == "box_count") ? 'selected' : ''?>>box_count</option>
		</select>
	</label></p>

	<p>
		<label><input type="checkbox" name="b_show_faces" value="1" <?=dat('settings', 'b_show_faces') ? 'checked' : ''?> /> Show Faces</label>
	</p>

	<p><label>Width
		<input type="text" name="b_width" class="narrow" value="<?=hdat('settings', 'b_width')?>">
	</label></p>

	<p><label>Verb to display
		<select name="b_verb">
			<option value="like" <?=(dat('settings', 'b_verb') == "like") ? 'selected' : ''?>>Like</option>
			<option value="recommend" <?=(dat('settings', 'b_verb') == "recommend") ? 'selected' : ''?>>Recommend</option>
		</select>
	</label></p>

	<p><label>Font
		<select name="b_font">
			<option <?=dat('settings', 'b_font') ? '' : 'selected'?>></option>
			<option value="arial" <?=(dat('settings', 'b_font') == "arial") ? 'selected' : ''?>>arial</option>
			<option value="lucida grande" <?=(dat('settings', 'b_font') == "lucida grande") ? 'selected' : ''?>>lucida grande</option>
			<option value="segoe ui" <?=(dat('settings', 'b_font') == "segoe ui") ? 'selected' : ''?>>segoe ui</option>
			<option value="tahoma" <?=(dat('settings', 'b_font') == "tahoma") ? 'selected' : ''?>>tahoma</option>
			<option value="trebuchet ms" <?=(dat('settings', 'b_font') == "trebuchet ms") ? 'selected' : ''?>>trebuchet ms</option>
			<option value="verdana" <?=(dat('settings', 'b_font') == "verdana") ? 'selected' : ''?>>verdana</option>		
		</select>
	</label></p>

	<p><label>Color Scheme
		<select name="b_color">
			<option value="light" <?=(dat('settings', 'b_color') == "light") ? 'selected' : ''?>>Light</option>
			<option value="dark" <?=(dat('settings', 'b_color') == "dark") ? 'selected' : ''?>>Dark</option>
		</select>
	</label></p>

</fieldset>

<fieldset><legend> Open Graph data (see the <a href="http://developers.facebook.com/docs/opengraph" target="_blank">detailed Open Graph protocol description</a>) </legend>


	<p><label>The type of an object (should be 'website', 'article' or something else from <a href="http://developers.facebook.com/docs/opengraph#types" target="_blank">the supported types list</a>)
		<input type="text" name="og_type" class="wide" value="<?=hdat('settings', 'og_type')?>">
	</label></p>
	
	<p><label>Location coordinates: Latitude <input type="text" name="og_latitude" value="<?=hdat('settings', 'og_latitude')?>"></label>, 
		<label>Longitude <input type="text" name="og_longitude" value="<?=hdat('settings', 'og_longitude')?>"></label>
	</p>

	<p><label>E-mail
		<input type="text" name="og_email" class="wide" value="<?=hdat('settings', 'og_email')?>">
	</label></p>

	<p><label>Phone number
		<input type="text" name="og_phone_number" class="wide" value="<?=hdat('settings', 'og_phone_number')?>">
	</label></p>

	<p><label>Fax
		<input type="text" name="og_fax_number" class="wide" value="<?=hdat('settings', 'og_fax_number')?>">
	</label></p>
	
	<ul class="jt-tabs"><?
	
		foreach($DATA['langs'] as $lang) {
			?><li><a href="#<?=$lang['text']?>"><?=$lang['assoc']?></a></li><? 
		} 
		
	?></ul>
	
	<div class="jt-panes"><? $t = true; 
	
			foreach($DATA['langs'] as $lang) { $l = $lang['text'];
	
			?><div class="jt-pane" style="<?=$t ? 'display:block' : ''?>">

				<p><label>Title
					<input type="text" name="og_title[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_title')?>">
				</label></p>

				<p><label>Site Name
					<input type="text" name="og_site_name[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_site_name')?>">
				</label></p>

				<p><label>Description
					<textarea name="og_description[<?=$l?>]" class="wide no-editor"><?=dat('settings', 'data', $l, 'og_description')?></textarea>
				</label></p>

				<p><label>Street Address
					<input type="text" name="og_street_address[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_street_address')?>">
				</label></p>

				<p><label>Locality
					<input type="text" name="og_locality[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_locality')?>">
				</label></p>

				<p><label>Region
					<input type="text" name="og_region[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_region')?>">
				</label></p>

				<p><label>Postal code
					<input type="text" name="og_postal_code[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_postal_code')?>">
				</label></p>

				<p><label>Country name
					<input type="text" name="og_country_name[<?=$l?>]" class="wide" value="<?=hdat('settings', 'data', $l, 'og_country_name')?>">
				</label></p>

			</div><? 
		
		$t = false; }
	
	?></div>

</fieldset>

	<p><input type="submit" name="editor_save" value="Save" /></p>

</form>
